<template>
  <div class="notice-box fx-sk pd-24 ht-174 bg-fff bd-rd-12 fx fx-cl">
    <div class="fx-bt-ct mg-bt-16">
      <div class="line-title">通知公告</div>
      <!-- <div class="fx-ct-ct cs-pt" v-show="dataList.length">
        <div class="ft-14 cr-pm pd-rt-4">更多</div>
        <img class="ic-12" src="@/assets/icons/right_1.png" />
      </div> -->
    </div>
    <div class="fx-ct-ct fx-cl fx-full of-y-sr of-x-hd">
      <!-- <img src="@/assets/common/empty_icon.png" class="empty-table-img" /> -->
      <div class="notice-bg"></div>
      <!-- <img src="@/assets/common/notice_bg.png" alt="" /> -->
    </div>
  </div>
</template>

<script>
export default {
  name: "noticeBox",
  data: () => ({
    dataList: [],
  }),
  methods: {
    jumpHandle(item) {
      this.$router.push(item.source);
    },
  },
};
</script>

<style lang="scss" scoped>
.notice-bg {
  width: 100%;
  height: 86px;
  border-radius: 8px;
  overflow: hidden;
  background-image: url("~@/assets/common/notice_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
</style>
